<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>产品列表_群智应用开发平台</title>
		<link rel="stylesheet" href="../../css/main/productList.css">
		<link rel="stylesheet" href="../../css/common.css">
	</head>

	<body>
		<div class="container">
			<!-- 公共头部 -->
			<div class="header">
				<div class="w hd_content">
					<div class="logo">
						<img src="../../images/logo.png" alt="" srcset="">
					</div>
					<div class="title">群智应用开发平台</div>
					<div class="list">
						<ul>
							<li>
								<img src="../../images/username.png" alt="">
								<span class="usernameShow">
									<span class="DynamicUsername"></span>
									<div class="dynamicShow">
										<div class="angle"></div>
										<div id="userMsg">
											<ul>
												<a href="accountSetting.html" id="accountSettingLink"><li class="userMsg">账号设置</li></a>
												<li class="userMsg outLogin">退出登录</li>
											</ul>
										</div>
									</div>
								</span>
								<!-- 制作的向下小三角利用伪元素 -->
								<span></span>
							</li>
						</ul>
					</div>					
				</div>
			</div>

			<!-- 正文部分 -->
			<div class=" w content">
				<div class="nav">
					<label for="txtSearch"></label>
					<input type="search" id="txtSearch" onChange="txtSearch()" placeholder="产品名称或Product Key" value="">
					<img src="../../images/search.png" alt="">
					<a href="#" id="createProductLink">
						<span>创建新项目</span>
					</a>
				</div>
				<div class="productShow">
					<!-- <h3 class="blue">已发布的项目</h3>
					<div class="grid-wrapper">
						<p class="productNone" style="display:none;">暂无项目</p>
					</div> -->
					<h3>开发中的项目</h3>
					<div class="grid-wrapper" id="personGridwrapper">
						<p class="productNone" style="display:none;">暂无项目</p>
					</div>
					<!-- <div class="clear"></div>
					<h3>开发中的团队项目</h3>
					<div class="grid-wrapper" id="teamGridwrapper">
						<p class="productNone" style="display:none;">暂无项目</p>
					</div> -->
				</div>
			</div>
			<!-- 为了让尾部永远固定在页面下方 -->
			<div class="push"></div>
		</div>

		<!-- 公共尾部 -->
		<div class="footer">
			<div class="w">
				<div class="linkList">
					<ul>
						<li>
							<a href="../index.html">官网首页</a>
						</li>
						<li>
							<a href="">关于群智应用平台</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
						<li>
							<a href="">加入我们</a>
						</li>
						<li>
							<a href="">服务协议</a>
						</li>
						<li>
							<a href="">隐私协议</a>
						</li>
					</ul>
				</div>
				<p>&copy;2020-2021 西安电子科技大学</p>
			</div>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/http.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/main/productList.js"></script>
		
	</body>

</html>
